;(function(){
    let myChart = echarts.init(document.querySelector('div.box-left1'))

    let option = {
    xAxis: {
        // type: 'category',
        // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

        show: false,                // 将x轴隐藏
    },
    grid: {
        left: 80,
        right:60,
        top:30,
        bottom:30,
    },
    yAxis: {
        // type: 'value'

        // y轴改成类目轴
        type: 'category',
        data: ['字段名称', '字段名称', '字段名称', '字段名称', '字段名称', '字段名称', '字段名称'],

        axisTick:{
            show:false,     // 坐标轴刻度线隐藏
        },
        axisLine:{
            show: false,    // 坐标轴线隐藏
        },

        // 坐标轴刻度标签的：颜色#9a9fb4、字体14px
        axisLabel:{
            color:'#9a9fb4',
            fontSize:14,
        },

    },
    series: [
        {
        data: [60, 100, 75, 40, 35, 55, 65],
        type: 'bar',
        showBackground: true,

            // 柱状图颜色#6abaf2、背景色#1e2a6a
            color:'#6abaf2',
            backgroundStyle: {
                color: '#1e2a6a'
            },

            // 显示文字、定位外部、颜色#65b1e9、字体加粗、格式化
            itemStyle:{
                normal:{
                    label:{
                        formatter: '{c}%',
                        show:true,
                        position: 'outside',
                        textStyle: {
                            color: '#65b1e9',
                            fontWeight: 'bold'
                        }
                    }
                }
            }
        }
    ]
    };

    myChart.setOption(option)

    window.addEventListener('resize',() => {
        myChart.resize()
    })
})()